<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>地图</title>
		<style>
			a {
				text-decoration: none;
			}
			a:link {
				color:black;
			}
			a:visited {
				color:black;
			}
			a:hover {
				color:black;
			}
			html,body{overflow:hidden;overflow-y:auto;}
			#myInput {
				position: fixed;
				top: 10px;
				background-image: url('https://static.runoob.com/images/mix/searchicon.png');
				/* 搜索按钮 */
				background-position: 10px 10px;
				/* 定位搜索按钮 */
				background-repeat: no-repeat;
				/* 不重复图片 */
				width: 86%;
				font-size: 16px;
				/* padding: 12px 20px 12px 40px; */
				padding: 12px 0;
				padding-left: 10%;
				border: 1px solid #ddd;
				/* margin-right: 200px; */
				margin-bottom: 12px;
			}

			#myTable {
				border-collapse: collapse;
				width: 100%;
				/* border: 1px solid #ddd; */
				font-size: 18px;
				margin-top: 60px;
			}

			#myTable th,
			#myTable td {
				text-align: left;
				padding: 12px;
			}

			#myTable tr {
				/* 表格添加边框 */
				border-bottom: 1px solid #ddd;
			}

			#myTable tr.header,
			#myTable tr:hover {
				/* 表头及鼠标移动过 tr 时添加背景 */
				background-color: #f1f1f1;
			}
			
			.footer {
				position: fixed;
				bottom: 0;
				left: 0%;
				width: 100%;
				/* height: 20px; */
				background-color: #fdf7f8; 
				height: 50px;
				font-size: 10px;	
				color: #ccc;
				line-height: 5px;
				text-align: center;
				/* margin-left: 40px; */
				/* padding-right: 30%; */
				/* border-top: 1px solid #ccc; */
			}
			.liaojia {
				display: none;
				position: relative;
				/* margin-top: 10px; */
				margin: 0px 10px;
				margin-top: 20px;
			}
			.liaojia-left {
				position: absolute;
				left: 56px;
				width: 30px;
				height: 80px;
			}
			.liaojia-right {
				position: absolute;
				left: 90px;
				float: left;
				width: 1200px;
				height: 80px;
			}
			.MP_hengxiang {
				float: left;
				width: 70px;
				height: 30px;
				border: 1px solid #ccc;
				text-align: center;
				line-height: 30px;
				color: #ccc;
				font-size: 18px;
			}
			.MP_zongxiang {
				/* float: left; */
				width: 30px;
				height: 70px;
				border: 1px solid #ccc;
				text-align: center;
				line-height: 30px;
				color: #ccc;
				font-size: 18px;
				writing-mode: vertical-lr;	
			}
			.about {
				/* position: absolute; */
				/* float: left; */
				/* left: 22%; */
				/* bottom: 5px; */
				/* border-top: 1px solid #ccc; */
			}
			.about b {
				float: left;
				/* padding-left: 50px; */
				font-size: 20px;
				line-height: 50px;
				margin: 0 40px; 
			}
			
			.one {
				width: 100%;
			}
		</style>
	</head>
	<body>
		<!-- <input type="text" id="myInput" onkeyup="myFunction()" placeholder="输入物料号..."> -->
		<!--这里是map.html-->
		<img class="one" src="./imgs/map.jpg">
		<div class="footer">
			<div class="liaojia">
				<!-- <div class="liaojia-left">
					<div class="MP_zongxiang" id="MPB7">
						MPB7
					</div>
					<br><br><br><br><br>
					<div class="MP_zongxiang" id="MPB7">
						N.A.
					</div>
				</div> -->
				<!-- <div class="liaojia-right">
					<div class="MP_hengxiang" id="MPB2">
						MPB2
					</div>
					<div class="MP_hengxiang" id="MPB3">
						MPB3
					</div>
					<div class="MP_hengxiang" id="MPB4">
						MPB4
					</div>
					<div>
						<br><br><br><br><br><br><br>
					</div>
					<div class="MP_hengxiang" id="MPB2">
						MPA1
					</div>
					<div class="MP_hengxiang" id="MPB3">
						MPB3
					</div>
					<div class="MP_hengxiang" id="MPB4">
						MPB5
					</div>
					<br><br><br><br><br><br><br><br><br><br><br><br><br>
					<div class="MP_hengxiang" id="MPB2">
						MPA4
					</div>
					<div class="MP_hengxiang" id="MPB3">
						MPA3
					</div>
					<div class="MP_hengxiang" id="MPB4">
						MPA2
					</div>
					<br><br><br><br><br><br><br><br><br><br><br><br><br>
					<div class="MP_hengxiang" id="MPB3">
						MPA5
					</div>
					<div class="MP_hengxiang" id="MPB4">
						MPA6
					</div>
				</div> -->
				
				<!-- <div class="MP_hengxiang" id="MP01">
					MPB4
				</div>
				<div class="MP_hengxiang" id="MP01">
					MPB5
				</div>
				<div class="MP_hengxiang" id="MP01">
					MPB6
				</div> -->
				
			</div>
			<div class="about">
				<a href="index.html"><b>首页</b></a>
				<a href="map.html"><b style="color: blue;">地图</b></a>
				<a href="more.html"><b>更多</b></a>
				
				
				<!-- <h4>指导单位：SSME MP-AP产线办公室</h4> -->
				<!-- <h4>本系统当前适用于SSME MP-AP各个产线</h4> -->
				<!-- <h4>技术支持：webyyl.gitee.io</h4> -->
				<!-- <h4>联系方式：yulong.yang@siemens-healthineers.com</h4> -->
			</div>
		</div>
		
	</body>
</html>
